{% extends "data_opform.html" %}
{% load i18n %}
{% block addfields %}
    <input type="hidden" name="stamp" value="">
{% endblock %}
{% block edit_buttons %}
    <div class="editformbtn">
        <div class="lineH22 img_padding">
            <span class="action_OK"></span>
            <a class="Link_blue1" href="javascript:void(0)" id="id_confirm">{% trans "确定" %}</a>
        </div>
        <div class="lineH22 img_padding">
            <span class="action_Cancel"></span>
            <a class="Link_blue1" href="javascript:void(0)" id="Cancel">{% trans "取消" %}</a>
        </div>
    </div>
{% endblock %}
{% block addjs %}
    var processInterval = null;
    var processLayer = null;
    var processLayerIndex = null;
    var requestStamp = '';
    var dataTotal = 0
    var windowClose = true;
    var action_close = function(){
        if(windowClose){
            var grid = $("#id_datalist").get(0);
            if(grid.g.do_action_template){
                $(".class_div_edit").empty();
            }else{
                $(".class_div_edit").remove();
            }
            $(grid).show();
            if(grid.g){
                $.zk._hide_switch(false,grid.g.do_action_masker_div);
                grid.g.load_data();
            }else{
                $.zk._hide_switch(false);
            }
            if(typeof(after_close)!="undefined"){
                after_close();
            }
            windowClose = false;
        }
    };
    var onProcessRefresh = function(layero, index){
        var stamp0 = new Date().getTime();
        $.ajax({
            url: '/base/{{ request.surl }}batch_processor/?op={{ detail }}&stamp='+requestStamp,
            type:'GET',
            dataType:'json',
            success: function(callback){
                var data = callback;
                var title = data['status'];
                var total = data['total'];
                dataTotal = total;
                var finish = data['finish'];
                var tp = data['tp'];
                var fp = data['fp'];
                processLayer.find("#process_title").html(title);
                processLayer.find("#labledetail").html(total);
                processLayer.find("#lablewait").html(finish);
                processLayer.find("#spaceuseddetail").progressBar(tp, {increment:100,barImage: '/media/images/progressbg_green.gif?'+stamp0});
                processLayer.find("#spaceusedtol").progressBar(fp, {increment:100,barImage: '/media/images/progressbg_green.gif?'+stamp0});
                if(data['error_info'] != ""){
                    clearInterval(processInterval);
                    if(processLayerIndex){
                        layer.close(processLayerIndex);
                    }
                    $("#id_info").html('<ul class="errorlist"><li>'+data['error_info']+'</li></ul>');
                }
                if(fp == 100){
                    setTimeout(function(){
                        clearInterval(processInterval);
                        layer.close(processLayerIndex);
                        action_close();
                    }, 3000);
                }
            },
            error:function(){
            }
        });
    };
    var onProcess = function(){
        var vbox=""
            +"<div id='processWindow'><div id='gz_processStatus' style='background-color:#000000;'></div>"
            +"<div id='show_process_status'>"
            +"  <div id='process_title' style='padding: 5px 0 15px 5px'></div>"
            +"  <div id='detail_process' style='margin-bottom:3px;'>"
            +"      <table style='border:1'><tr>"
            +"          <td width='130px' align='center'><label id='labledetail'></label></td>"
            +"          <td width='130px' align='center'><label id='lablewait'></label></td>"
            +"      </tr></table>"
            +"  </div>"
            +"  <div id='total_process' style=''>"
            +"      <table align='center'><tr>"
            +"          <td colspan='2' height='30px' align='center' style='padding-top:3px;'>"
            +"              <span class='progressBar' id='spaceusedtol'>0%</span>"
            +"          </td>"
            +"      </tr></table>"
            +"  </div>"
            +"</div></div>";
        var options = {
            title: gettext("温馨提示"),
            area: ['auto', '170px'],
            skin: 'option_dialog',
            shadeClose: false,
            success: function(layero, index){
                processLayer = layero;
                processLayerIndex = index;
                processInterval = window.setInterval('onProcessRefresh()', 3000);
            },
            cancel: function(index){
                layer.close(index);
                clearInterval(processInterval);
            }
        };
        $(vbox).layerDialog(options);
    };
    $("#id_confirm").click(function(){
        var stamp1 = new Date().getTime();
        requestStamp = stamp1;
        var grid = $("#id_datalist").get(0);
        var selected_objs = grid.g.get_selected();
        $("#id_edit_form input[name='stamp']").val(requestStamp);
        var op_url = "/data/personnel/Employee/_op_/{{ detail }}/?"+selected_objs.query_string;
        var edit_form = $(".class_div_edit").find("#id_edit_form");
        $(edit_form).ajaxSubmit({
            url: op_url,
            dataType: "html",
            success: function(callback){
                if(callback.indexOf('{ Info:"OK" }')!=-1){
                    onProcess();
                }else{
                    var $error=$(callback).find("ul.errorlist");
                    if($error.length!=0){
                        $("#id_info").html($error.eq(0)).hide().show(100);
                    }else{
                        $("#id_info").html(callback);
                    }
                }
            }
        });
    });
{% endblock %}